import React, { Component, Fragment, Suspense } from "react";
import { Link } from "react-router-dom";

export default class SwiperBox extends Component {
  constructor(props) {
    super(props);
  }
  componentDidMount () {
  }
 
  render () {
    let { DataList, LinkUrl} = this.props
    return (
      <li>
        <Link target="_blank" to={`${LinkUrl}/${DataList.reportId || DataList.miroclassId}`} className="figure">
          <img src={DataList.reportPath || DataList.miroclassPicPath} alt="" />
          {/* <img src="https://yjw-image.oss-cn-shenzhen.aliyuncs.com/yjwSit/20200506-913-rc-upload-1588731375366-5.png" alt=""/> */}
        </Link>
        <Link target="_blank" to={`${LinkUrl}/${DataList.reportId || DataList.miroclassId}`} className="caption">{DataList.reportTitle || DataList.miroclassTitle}</Link>
        <div className="footer">
          <span className="total">{DataList.reportClick || DataList.miroclassClick||0}</span>
          <div className="tags">
            <span>{DataList.reportIndustryCategory || DataList.miroclassClassification}</span>
          </div>
        </div>
      </li>
    );
  }
}
